<!DOCTYPE HTML>
<html xmlns:fb="http://www.facebook/com/2008/fbml" xml:lang="ko" lang="ko" dir="ltr">
<head>
<title>Galaxy Pro! | Event</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="all" />
<meta name="resource-type" content="document" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<!--[if IE]>
 <meta http-equiv="imagetoolbar" content="no" />
<![endif]-->
<link type="text/css" rel="stylesheet" href="./css/gal_tab.css" />
<!--[if gte IE 8]><link rel="stylesheet" type="text/css" href="./css/ie8gte.css" /><![endif]-->
<script type="text/javascript" src="./js/jQuery.js" charset="utf-8"></script>
<script type="text/javascript" src="./js/gal_tab.js"></script>
</head>
<body class="gxt-event">
<!-- 갤럭시 탭 -->
<p class="skip"><a href="#gxt-content">본문 바로가기</a></p>
<div class="gxtWp">
	<div class="gxt-side">
		<h1 class="gxt-logo"><a href="./main.html"><img src="./images/logo.jpg" alt="PRO! 태블릿의 기준을 바꾸다" /></a></h1>
		<div class="gxt-menu">
			<a href="./product.html"><span class="product">Product</span></a>
			<a href="./event_list.html" class="active"><span class="event">Event</span></a>
			<a href="./ambassador.html"><span class="ambassador">Ambassador</span></a>
		</div>
		<div class="gxt-banner">
			<a href="#"><img src="./images/temp/side_banner_182x257.jpg" alt="GALAXY NOTE PRO -S Pen / S Note, -309.7 mm WQXGA LCD, -Multi Window" /></a>
		</div>
	</div><!-- // gtx-side -->

	<div class="gxt-ct" id="gxt-content">
		<div class="event-front">
			<div class="nav-control">
				<span class="prev"></span>
				<span class="play" style="display:none;"><a href="#">자동 롤링</a></span>
				<span class="stop"><a href="#">정지</a></span>
				<span class="next"></span>
			</div>
			<div class="event-slider">
				<p class="item">
					<img src="./images/temp/event_768x365_1.jpg" alt="[이벤트 1]" />
				</p>
				<p class="item">
					<img src="./images/temp/event_768x365_2.jpg" alt="[이벤트 2]" />
				</p>
				<p class="item">
					<img src="./images/temp/event_768x365_3.jpg" alt="[이벤트 3]" />
				</p>
			</div>
		</div><!-- // event-front -->
		<script>
			var _UX_FrontSlider = $('.event-slider').bxSlider({
				nextSelector: '.event-front .next',
				prevSelector: '.event-front .prev',
				hideControlOnEnd: true,
				infiniteLoop: true,
				touchEnabled: false,
				pause:3000,
				pager:true,
				useCSS:false,
				controls: true,
				auto:true
			});
			$('.nav-control .play').bind('click', function(){
				_UX_FrontSlider.startAuto();
				$(this).hide();
				$('.nav-control .stop').show();
				return false;
			});
			$('.nav-control .stop').bind('click', function(){
				_UX_FrontSlider.stopAuto();
				$(this).hide();
				$('.nav-control .play').show();
				return false;
			});
			$('.bx-prev, .bx-next').bind('click', function(){
				setTimeout(function(){
					_UX_FrontSlider.startAuto();
				}, 500);
			});
		</script>

		<div class="event-list">
			<table>
				<caption>이벤트 목록</caption>
				<colgroup>
					<col width="25%" />
					<col width="50%" />
					<col width="25%" />
				</colgroup>
				<thead>
					<tr>
						<th scope="col"><img src="./images/event_list_th01.gif" alt="진행상태" /></th>
						<th scope="col"><img src="./images/event_list_th02.gif" alt="이벤트 명" /></th>
						<th scope="col"><img src="./images/event_list_th03.gif" alt="기간" /></th>
					</tr>
				</thead>
				<tbody>
					<tr class="first">
						<td class="status">진행중</td>
						<td class="subject"><a href="#">[휴대폰] 삼성전자 S 아카데미 페스티벌 대잔치</a></td>
						<td class="date">2014.01.01~2014.01.01</td>
					</tr>
					<tr class="">
						<td class="status">진행중</td>
						<td class="subject"><a href="#">글자가 길어질 경우에 글자가 길어질 경우에 글자가 길어질 경우에 글자가 길어질 경우에 글자가 길어질 경우에 </a></td>
						<td class="date">2014.01.01~2014.01.01</td>
					</tr>
					<tr class="">
						<td class="status">진행중</td>
						<td class="subject"><a href="#">2014 삼성전자 S 골드러쉬 오픈 이벤트!!</a></td>
						<td class="date">2014.01.01~2014.01.01</td>
					</tr>
					<tr class="end">
						<td class="status">종료</td>
						<td class="subject"><a href="#">[휴대폰] 삼성전자 S 아카데미 페스티벌 대잔치</a></td>
						<td class="date">2014.01.01~2014.01.01</td>
					</tr>
				</tbody>
			</table>
		</div><!-- // event-list -->

		<div class="event-page">
			<a href="#" class="prev">이전</a>
			<a href="#" class="active">1</a>
			<a href="#" class="">2</a>
			<a href="#" class="">3</a>
			<a href="#" class="">4</a>
			<a href="#" class="">5</a>
			<a href="#" class="next">다음</a>
		</div>
	</div><!-- // gtx-ct -->

</div><!-- // gxtWp -->
<!-- //갤럭시 탭 -->
</body>
</html>